<div id="slipConfirmBar" class="slipconfirm-bar">
	<div id="slipConfirmPrompt" class="slipconfirm-prompt"></div>
	<div id="slipConfirmOK" class="slipconfirm-btnok" onclick="submitSlipConfirm()"></div>
	<div class="slipconfirm-separate"></div>
	<div id="slipConfirmCancel" class="slipconfirm-btncancel" onclick="closeSlipConfirmDiv()"></div>
</div>
<div id="maskSlipConfirmDiv" class="mask-slipconfirm-div" style="display: none;" onclick="closeSlipConfirmDiv()"></div>
<input type="text" id="confirmid" class="display-none" />
<input type="text" id="confirmflag" class="display-none" />

<script type="text/javascript">
	function openSlipConfirmDiv(id, flag, prompt, okText = '确定', cancelText = '取消') {
		setValue('confirmid', id);
		setValue('confirmflag', flag);

		setHtml('slipConfirmPrompt', prompt);
		setHtml('slipConfirmOK', okText);
		setHtml('slipConfirmCancel', cancelText);

        setDisplay('maskSlipConfirmDiv', '');
        document.body.style.overflow = 'hidden';
        setClass('slipConfirmBar', 'slipconfirm-bar-out');
    }

    function closeSlipConfirmDiv() {
    	setValue('confirmid', '');
		setValue('confirmflag', '');

		setHtml('slipConfirmPrompt', '');
		setHtml('slipConfirmOK', '');
		setHtml('slipConfirmCancel', '');

        setDisplay('maskSlipConfirmDiv', 'none');
        document.body.style.overflow = 'visible';
        setClass('slipConfirmBar', 'slipconfirm-bar-in');
    }

    function submitSlipConfirm() {
    	sendFunc(getValue('confirmflag'));
    	closeSlipConfirmDiv();
    }
</script>

<style type="text/css">
	.slipconfirm-bar, .slipconfirm-bar-out, .slipconfirm-bar-in
    {
        width: 100%;
        height: 356px;
        bottom: -356px;
        background-color: rgba(0, 0, 0, 0.0);
        display: -webkit-flex;
	    -webkit-flex-direction: column;
	    -webkit-align-items: stretch;
        position: fixed;
        z-index: 104;
    }

    .slipconfirm-bar-out
    {
        -webkit-animation: slipconfirmout 0.2s;
        bottom: 0;
    }

    .slipconfirm-bar-in
    {
        -webkit-animation: slipconfirmin 0.2s;
        bottom: -356px;
    }

    @keyframes slipconfirmout
    {
        from { bottom: -356px; }
        to { bottom: 0; }
    }

    @keyframes slipconfirmin
    {
        from { bottom: 0; }
        to { bottom: -356px; }
    }

    .mask-slipconfirm-div
    {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 103;
    }

    .slipconfirm-prompt
    {
    	-webkit-flex: auto;
    	color: #949494;
    	font-size: 26px;
    	text-align: center;
    	background-color: white;
    	border-top-left-radius: 20px;
    	border-top-right-radius: 20px;
    	padding-left: 40px;
    	padding-right: 40px;
    	display: -webkit-flex;
	    -webkit-flex-direction: row;
	    -webkit-align-items: center;
        -webkit-justify-content: center;
    }

    .slipconfirm-btnok
    {
    	-webkit-flex: none;
    	height: 110px;
    	line-height: 110px;
    	color: red;
    	font-size: 32px;
    	text-align: center;
    	background-color: white;
    	border-top: 1px solid #E4E4E4;
    }

    .slipconfirm-separate
    {
    	-webkit-flex: none;
    	height: 15px;
    	background-color: #F2F2F2;
    }

    .slipconfirm-btncancel
    {
    	-webkit-flex: none;
    	height: 100px;
    	line-height: 100px;
    	color: #000000;
    	font-size: 32px;
    	text-align: center;
    	background-color: white;
    }
</style>